<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 禁止访问域名 -->
  <meta name="referrer" content="never">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="icon" href="../images/favicon.ico">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="headBar">
            <div class="h-con main fs12">
                <ul class="h-list fl">
                    <li>
                        <a href="javascript:;">小米商城</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">MIUI</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">loT</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">云服务</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">天星数科</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">有品</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">小爱开放平台</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">企业团购</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">资质证照</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">协议规则</a>
                        <span>|</span>
                    </li>
                    <li class="down-app">
                        <a href="javascript:;">下载app</a>
                        <span>|</span>
                        <!-- 下拉二维码 -->
                        <div class="triangle"></div>
                        <div class="ewm">
                            <img src="../images/code_05.png" alt="">
                            小米商城App
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">智能生活</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">Select Location</a>
                    </li>
                </ul>

                <div class="buy-cart fr">
                    <a href="./shoppingCart.html">
                        <i class="iconfont icon-gouwuche"></i>
                        <span>购物车</span>
                        <span>(0)</span>
                    </a>
                    <!-- 下拉购物车 -->
                    <div class="cart-menu">
                        购物车中还没有商品,赶紧选购吧!
                    </div>
                </div>

                <ul class="headbar-info fr">
                    <li>
                        <a href="./delu.html">登录</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="./zuce.html">注册</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">消息通知</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="headNav main">
            <div class="logo-wrapper fl">
                <div class="logo"></div>
            </div>

            <ul class="h-list fl fs16">
                <li class="h-list-first">
                    <a href="javascript:;">全部商品分类</a>
                </li>
                <!-- 小米 -->
                <li>
                    <a href="javascript:;">小米手机</a>
             
                </li>

                <!-- 红米 -->
                <li>
                    <a href="javascript:;">Redmi 红米</a>
                 
                </li>

                <!-- 电视 -->
                <li>
                    <a href="javascript:;">电视</a>
            
                </li>

                <!-- 笔记本 -->
                <li>
                    <a href="javascript:;">笔记本</a>
              
                </li>

                <!-- 平板 -->
                <li>
                    <a href="javascript:;">平板</a>
   
                </li>

                <!-- 家电  -->
                <li>
                    <a href="javascript:;">家电</a>
              
                </li>

                <!-- 路由器 -->
                <li>
                    <a href="javascript:;">路由器</a>
                
                </li>

                <!-- 智能硬件 -->
                <li>
                    <a href="javascript:;">智能硬件</a>
                    
                </li>

                <li>
                    <a href="javascript:;">服务</a>
                </li>
                <li>
                    <a href="javascript:;">社区</a>
                </li>
            </ul>

            <form class="h-search fr" action="">
                <input type="text" placeholder="小米手机">
                <button type="submit"><i class="iconfont icon-sousuo"></i></button>
                <ul class="search-list">
                    <li>全部商品</li>
                    <li>小米11</li>
                    <li>红米</li>
                    <li>空调</li>
                    <li>小米手机</li>
                    <li>黑鲨4</li>
                    <li>Redmibook Pro 15锐龙版</li>
                    <li>电视</li>
                </ul>
            </form>
        </div>
    </header>

    <!-- 商品nav -->
    <section class="navBar">
        <div class="n-con main">
            <div class="good-name fs12">
                <h3></h3>
                <span>|</span>
                <a href="javascript:;"></a>
            </div>
            <div class="n-list fs14">
                <a href="javascript:;">F码通道</a>
                <span>|</span>
                <a href="javascript:;">咨询客服</a>
                <span>|</span>
                <a href="javascript:;">用户评价</a>
            </div>
        </div>
    </section>

    <!-- 商品详情 -->
    <section class="good-detail">
        <div class="tips fs14" >
            为方便您购买，请提前登录
            <a class="tips-login" href="./delu.html">立即登录</a>
            <i class="iconfont  icon-cha"></i>
        </div>

        <div class="wrap detail">
            <div class="content">
                <div class="up clearfix">
                    <div class="enlarge fl">
                        <div class="middle">
                            <img src="" alt="">
                            <div class="shade"></div>
                            <div class="big">
                                <img src="" alt="">
                            </div>
                        </div>
                        <div class="small clearfix">
                            <a href="" class="leftBtn fl">&lt;</a>
                            <div class="wraper fl">
                                <ul>                            
                                    <!-- <li><img src="https://img.alicdn.com/imgextra/i4/26444719/O1CN01JiaEn31kjLfhzzQ5q_!!26444719.jpg" alt=""></li> -->
                                </ul>
                            </div>                    
                            <a href="" class="rightBtn fr">&gt;</a>
                        </div>
                    </div>
                    <div class="description fl">
                        <h4>标题</h4>
                        <p class="free">免息</p>
                        <div class="price">
                            <p class="souceprice">价格：￥<span>000</span>元</p>
                            <p class="coupon">优惠券：<span>满减</span></p>
                        </div>
                        <div class="delivery">
                            配送：
                            <select name="provinces" id="pro" style="width: 100px;">
                                <option value="请选择省份">请选择省份</option>
                            </select>
                            <select name="citys" id="city">
                                <option value="请选择城市">请选择城市</option>
                            </select>
                            <select name="areas" id="area">
                                <option value="请选择地区">请选择地区</option>
                            </select>
                            <select name="town" id="town">
                                <option value="请选择街道">请选择街道</option>
                            </select> <br>
                            <p>其他信息</p>
                        </div>
                        <div class="addCart clearfix">
                            <div class="number fl">
                                <input type="text" name="num" value=1 id="num">
                                <button class="add">+</button>
                                <button class="reduce">-</button>
                            </div>
                            <button class="fl addBtn">加入购物车</button>
                            <a href="./shoppingCart.html" class="fl btn toCart">进入购物车</a>
                        </div>
                
                    </div>
         
                </div>
            </div>
        </div>
    </section>

    <!-- 说明 -->
    <section class="explain-wrapper">
        <ul class="main">
            <li>
                <h3 class="thePrice">价格说明</h3>
                <img src="../images/价格说明.jpeg" alt="">
            </li>
            <li>
                <h3>官方微信</h3>
                <img src="../images/mi-wx.jpg" alt="">
            </li>
        </ul>
    </section>

    <!-- 右侧固定工具栏 -->
    <section class="home-tool">
        <ul>
            <li>
                <i class="iconfont  icon-shouji"></i>
                <span>手机App</span>
                <div class="mi-app">
                    <img src="../images/download.png" alt="">
                    <span>
                        扫码领取新人百元礼包
                    </span>
                </div>
            </li>
            <li>
                <i class="iconfont  icon-yonghu"></i>
                <span>个人中心</span>
            </li>
            <li>
                <i class="iconfont  icon-gongju"></i>
                <span>售后服务</span>
            </li>
            <li>
                <i class="iconfont icon-kefu"></i>
                <span>人工客服</span>
            </li>
            <li>
                <a href="./shoppingCart.html ">
                    <i class="iconfont  icon-gouwuche"></i>
                    <span>购物车</span>
                </a>
            </li>
        </ul>
        <ul>
            <li>
                <i class="iconfont  icon-top"></i>
                <span>回顶部</span>
            </li>
        </ul>
    </section>

    <!-- 底部 -->
    <footer>
        <div class="f-con main">
            <ul class="f-service">
                <li>
                    <a href="javascript:;">
                        <i class="iconfont  icon-gongju"></i>
                        预约维修服务
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont  icon-7tiantuihuanhuo"></i>
                        7天无理由退货
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont  icon-15tianwuliyoutuihuo"></i>
                        15天免费换货
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont  icon-liwu"></i>
                        满69包邮
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont  icon-dingwei"></i>
                        520余家售后网点
                    </a>
                </li>
            </ul>

            <div class="f-links clear_fix">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="javascipt:;">账户管理</a></dd>
                    <dd><a href="javascipt:;">购物指南</a></dd>
                    <dd><a href="javascipt:;">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="javascipt:;">售后政策</a></dd>
                    <dd><a href="javascipt:;">自助服务</a></dd>
                    <dd><a href="javascipt:;">相关下载</a></dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd><a href="javascipt:;">小米之家</a></dd>
                    <dd><a href="javascipt:;">服务网点</a></dd>
                    <dd><a href="javascipt:;">授权体验店</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="javascipt:;">了解小米</a></dd>
                    <dd><a href="javascipt:;">加入小米</a></dd>
                    <dd><a href="javascipt:;">投资者关系</a></dd>
                    <dd><a href="javascipt:;">企业社会责任</a></dd>
                    <dd><a href="javascipt:;">廉洁举报</a></dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="javascipt:;">新浪微博</a></dd>
                    <dd><a href="javascipt:;">官方微信</a></dd>
                    <dd><a href="javascipt:;">联系我们</a></dd>
                    <dd><a href="javascipt:;">公益基金会</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="javascipt:;">F码通道</a></dd>
                    <dd><a href="javascipt:;">礼物码</a></dd>
                    <dd><a href="javascipt:;">防伪查询</a></dd>
                </dl>
                <div class="f-tel">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <div class="f-btn fs12">
                        <i class="iconfont  icon-xinxi"></i>
                        人工客服
                    </div>
                    <div class="follow fs12">
                        关注小米：
                        <i class="iconfont  icon-weibo"></i>
                        <i class="iconfont  icon-weixin1">
                            <img src="../images/wx-img.png" alt="">
                        </i>

                    </div>
                </div>
            </div>

            <div class="f-info clear_fix">
                <div class="f-logo fl"></div>
                <div class="f-sites fl fs12">
                    <p class="sites">
                        <a href="javascript:;">小米商城</a>
                        <span>|</span>
                        <a href="javascript:;">MIUI</a>
                        <span>|</span>
                        <a href="javascript:;">米家</a>
                        <span>|</span>
                        <a href="javascript:;">米聊</a>
                        <span>|</span>
                        <a href="javascript:;">多看</a>
                        <span>|</span>
                        <a href="javascript:;">游戏</a>
                        <span>|</span>
                        <a href="javascript:;">政企服务</a>
                        <span>|</span>
                        <a href="javascript:;">小米天猫店</a>
                        <span>|</span>
                        <a href="javascript:;">小米集团隐私政策</a>
                        <span>|</span>
                        <a href="javascript:;">小米公司儿童信息保护规则</a>
                        <span>|</span>
                        <a href="javascript:;">小米商城隐私政策</a>
                        <span>|</span>
                        <a href="javascript:;">小米商城用户协议</a>
                        <span>|</span>
                        <a href="javascript:;">问题反馈</a>
                        <span>|</span>
                        <a href="javascript:;">Select Location</a>
                    </p>
                    <p class="sites">
                        <a href="javascript:;">北京互联网法院法律服务工作站</a>
                        <span>|</span>
                        <a href="javascript:;">中国消费者协会</a>
                        <span>|</span>
                        <a href="javascript:;">北京市消费者协会</a>
                    </p>
                    <p class="f-copy">
                        &copy;
                        <a href="javascript:;">mi.com</a>京ICP证110507号
                        <a href="javascript:;">京ICP备10046444号</a>
                        <a href="javascript:;">京公网安备11010802020134号</a>
                        <a href="javascript:;">京网文[2020]0276-042号</a>
                        <br>
                        <a href="javascript:;">（京）网械平台备字（2018）第00005号</a>
                        <a href="javascript:;">互联网药品信息服务资格证
                            (京)-非经营性-2014-0090</a>
                        <a href="javascript:;">营业执照</a>
                        <a href="javascript:;">医疗器械质量公告</a>
                        <br>
                        <a href="javascript:;">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                        <a href="javascript:;">食品经营许可证</a>
                        <br>
                        违法和不良信息举报电话：171-5104-4404&nbsp;
                        <a href="javascript:;">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <div class="sites-pic">
                        <a href="javascript:;"><img src="../images/copy1.png" alt=""></a>
                        <a href="javascript:;"><img src="../images/copy2.png" alt=""></a>
                        <a href="javascript:;"><img src="../images/copy3.png" alt=""></a>
                        <a href="javascript:;"><img src="../images/copy4.png" alt=""></a>
                        <a href="javascript:;"><img src="../images/copy5.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="slogan"></div>
        </div>
    </footer>


</body>
</html>
<script src="../lib/jquery/jquery.min.js"></script>
<script src="../js/ajax.js"></script>
<script src="../js/cookie.js"></script>
<script src="../lib/layui/layui.js"></script>
<script src="../js/datcookie.js"></script>
<script src="../js/enlarge.js"></script>
<script src="../js/detail.js"></script>
